/* surrounding tag container */
.tag-editor {
  list-style-type: none;
  padding: 5px;
  margin: 0;
  overflow: hidden;
  border: 1px solid #eee;
  cursor: text;
  font: normal 14px sans-serif;
  color: #555;
  background: #fff;
  line-height: 20px;
}

/* core styles usually need no change */
.tag-editor li {
  display: block;
  float: left;
  overflow: hidden;
  margin: 3px 0;
}

.tag-editor div {
  float: left;
  padding: 0 4px;
}

.tag-editor .placeholder {
  padding: 0 8px;
  color: #bbb;
}

.tag-editor .tag-editor-spacer {
  padding: 0;
  width: 8px;
  overflow: hidden;
  color: transparent;
  background: none;
}

.tag-editor input {
  vertical-align: inherit;
  border: 0;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: text;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-style: inherit;
  box-shadow: none;
  background: none;
  color: #444;
}

/* hide original input field or textarea visually to allow tab navigation */
.tag-editor-hidden-src {
  position: absolute !important;
  left: -99999px;
}

/* hide IE10 "clear field" X */
.tag-editor ::-ms-clear {
  display: none;
}

/* tag style */
.tag-editor .tag-editor-tag {
  padding-left: 5px;
  color: #46799b;
  background: #e0eaf1;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  border-radius: 2px 0 0 2px;
}

/* delete icon */
.tag-editor .tag-editor-delete {
  background: #e0eaf1;
  cursor: pointer;
  border-radius: 0 2px 2px 0;
  padding-left: 3px;
  padding-right: 4px;
}

.tag-editor .tag-editor-delete i {
  line-height: 18px;
  display: inline-block;
}

.tag-editor .tag-editor-delete i:before {
  font-size: 16px;
  color: #8ba7ba;
  content: "×";
  font-style: normal;
}

.tag-editor .tag-editor-delete:hover i:before {
  color: #d65454;
}

.tag-editor .tag-editor-tag.active + .tag-editor-delete, .tag-editor .tag-editor-tag.active + .tag-editor-delete i {
  visibility: hidden;
  cursor: text;
}

.tag-editor .tag-editor-tag.active {
  background: none !important;
}

/* jQuery UI autocomplete - code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css */
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
  font-size: 14px;
}

.ui-front {
  z-index: 9999;
}

.ui-menu {
  list-style: none;
  padding: 1px;
  margin: 0;
  display: block;
  outline: none;
}

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px .4em;
  line-height: 1.4;
  min-height: 0; /* support: IE7 */
}

.ui-widget-content {
  border: 1px solid #bbb;
  background: #fff;
  color: #555;
}

.ui-widget-content a {
  color: #46799b;
}

.ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  background: #e0eaf1;
}

.ui-helper-hidden-accessible {
  display: none;
}
